<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<script type="text/javascript" src="js/jquery.itextclear.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('input[type=text], input[type=password], input[type=url], input[type=email], input[type=number], textarea', '.form').iTextClear();
    });
</script>
<!-- jQplot CSS -->

<link rel="stylesheet" media="screen" href="${ctx}/css/Tree.css"/>
<!-- jQplot CSS END -->

<!-- DATATABLES CSS -->
<link rel="stylesheet" media="screen" href="lib/datatables/css/vpad.css"/>
<script type="text/javascript" src="lib/datatables/js/jquery.dataTables.js"></script>
<!--<script type="text/javascript">
$(document).ready(function() {
$('#example').dataTable( {
"sPaginationType": "full_numbers"
} );
} );
</script>
-->
<!-- DATATABLES CSS END -->

<script>
    $(document).ready(function() {
        $('#simple-button').popover('#simple-popover', {});
        $('#top-button').popover('#top-popover', {preventLeft: true, preventRight: true, preventBottom:true});
    });
</script>

<h1 class="page-title">员工资料详细信息</h1>


<div class="container_12 clearfix leading">
<section class="tabs grid_12 leading">
<ul class="clearfix">
    <li><a href="#" class="current">员工基础资料</a></li>
    <li><a href="#">教育情况</a></li>
    <li><a href="#">培训情况</a></li>
    <li><a href="#">工作经历</a></li>
    <li><a href="#">家庭情况</a></li>
</ul>
<section>

<DIV class="portlet">
    <header>
        <h5_n>${employeeinfoBase.name}</h5_n>
        <h2>${employeeinfoBase.sex=="0"?"先生":"女士"}</h2>
    </header>
    <section class="clearfix">


        <div class="grid_2 alpha" style=" text-align:center">
            <s:if test="#request.employeeinfoBase.facePath==null || #request.employeeinfoBase.facePath.equals(\"\")">
                <img width="120" height="135" src="images/Avatar.jpg" id="image_upload">
            </s:if>
            <s:else>
                <img width="120" height="135" src="${employeeinfoBase.facePath}" id="image_upload">
            </s:else>

        </div>
        <div class="grid_3">
            <dl>


                <dt>建议岗位</dt>
                <dd><h6>${employeeinfoBase.suggestDuty}</h6></dd>

                <dt>工作年限</dt>
                <dd><h6>${employeeinfoBase.workAge}</h6></dd>
            </dl>
        </div>
        <div class="grid_3">

        </div>
        <div class="grid_3 omega">


        </div>


    </section>
</DIV>

<section class="clearfix" style="display: block;">


    <Div class="grid_3 leading">

        <dl>
            <dt>出生年月</dt>
            <dd><s:date name="employeeinfoBase.birthday" format="yyyy/MM/dd"/></dd>
            <dt>身高</dt>
            <dd>${employeeinfoBase.stature}</dd>
            <dt>体重</dt>
            <dd>${employeeinfoBase.avoirdupois}</dd>
            <dt>邮箱</dt>
            <dd>${employeeinfoBase.email}</dd>
            <dt>英语阅读</dt>
            <dd>
                <select id="employeeRead" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>

            </dd>
            <script>$("#employeeRead").val(${employeeinfoBase.englishRead})</script>
            <dt>英语书写</dt>
            <dd>
                <select id="employeeWrite" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>
            </dd>
            <script>$("#employeeWrite").val(${employeeinfoBase.englishWrite})</script>
            <dt>英语会话</dt>
            <dd>
                <select id="employeeDialog" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>
            </dd>
            <script>$("#employeeDialog").val(${employeeinfoBase.englishDialog})</script>
        </dl>

    </Div>

    <Div class="grid_3 leading">

        <dl>
            <dt>户籍地址</dt>
            <dd>${employeeinfoBase.census}</dd>
            <dt>档案所在地</dt>
            <dd>${employeeinfoBase.archives}</dd>
            <dt>联系地址</dt>
            <dd>${employeeinfoBase.address} </dd>
            <dt>手机</dt>
            <dd>${employeeinfoBase.handSet}</dd>
            <dt>其他语言阅读</dt>
            <dd>
                <select id="employeeLanRead" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>
            </dd>
            <script>$("#employeeLanRead").val(${employeeinfoBase.languageRead})</script>
            <dt>其他语言书写</dt>
            <dd>
                <select id="employeeLanWrite" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>
            </dd>
            <script>$("#employeeLanWrite").val(${employeeinfoBase.languageWrite})</script>
            <dt>其他语言会话</dt>
            <dd>
                <select id="employeeLanDialog" disabled="true">
                    <option value="">不详</option>
                    <option value="1">一般</option>
                    <option value="2">熟练</option>
                    <option value="3">精通</option>
                </select>
            </dd>
            <script>$("#employeeLanDialog").val(${employeeinfoBase.languageDialog})</script>
        </dl>

    </Div>

    <div class="grid_3 leading">

        <dl>
            <dt>身份证</dt>
            <dd>${employeeinfoBase.idcard}</dd>
            <dt>左眼视力</dt>
            <dd>${employeeinfoBase.eyeLeft}</dd>
            <dt>电话</dt>
            <dd>${employeeinfoBase.tel}</dd>
            <dt>婚否</dt>
            <dd>
                <select id="employeemarry" name="employeeinfoBase.marry" disabled="true">
                    <option value="">不详</option>
                    <option value="0">未婚</option>
                    <option value="1">已婚</option>
                </select>
                <script type="text/javascript">
                    $("#employeemarry").val(${employeeinfoBase.marry});
                </script>
                <!--employeeinfoBase.marry=="0"?"未婚":"结婚" -->
            </dd>
            <dt>英语证书</dt>
            <dd>
                <select id="englishdegree" name="employeeinfoBase.englishLetter" disabled="disabled" class="full">
                    <option value="">-- 请选择 --</option>
                    <option value="3">三级</option>
                    <option value="4">四级</option>
                    <option value="6">六级</option>
                    <option value="8">八级</option>
                </select>
            </dd>
            <script>$("#englishdegree").val(${employeeinfoBase.englishLetter})</script>
            <dt>子女</dt>
            <dd>
                <select id="employeeBaby" name="employeeinfoBase.baby" disabled="true">
                    <option value="">不详</option>
                    <option value="0">无小孩</option>
                    <option value="1">有小孩</option>
                </select>
            </dd>
            <script type="text/javascript">
                $("#employeeBaby").val(${employeeinfoBase.baby});
            </script>
            <dt>员工状态</dt>
            <dd>${employeeinfoBase.state=="3"?"人才库":"离职"}</dd>
        </dl>

    </div>

    <div class="grid_3 leading">

        <dl>
            <dt>名族</dt>
            <dd>${employeeinfoBase.folk}</dd>
            <dt>右眼视力</dt>
            <dd>${employeeinfoBase.eyeRight}</dd>
            <dt>住所邮编</dt>
            <dd>${employeeinfoBase.postcode}</dd>
            <dt>入职期望薪资</dt>
            <dd>${employeeinfoBase.compensation}</dd>
            <dt>学历</dt>
            <dd>
                <select id="employeeCertificate" disabled="true">
                    <option value="">不详</option>
                    <option value="1">小学</option>
                    <option value="2">初中</option>
                    <option value="3">高中</option>
                    <option value="4">大专</option>
                    <option value="5">本科</option>
                    <option value="6">硕士</option>
                    <option value="7">博士</option>
                    <option value="8">博士后</option>
                </select>
            </dd>
            <script>$("#employeeCertificate").val(${employeeinfoBase.certificate})</script>

            <dt>其他说明事项</dt>
            <dd>${employeeinfoBase.remark}</dd>
        </dl>

    </div>


</section>
<section class="clearfix" style="display: none;height:auto;">
    <header class="grid_12 alpha omega">

    </header>
    <div class="grid_12 leading">


        <s:if test="employeeinfoEducationList.size==0">
            <div class="message success ">
                <h3>教育经历</h3>

                <p>暂无教育经历</p>
            </div>
        </s:if>

        <s:iterator value="#request.employeeinfoEducationList" var="edu" status="eduIndex">
            <div class="message success ">
                <h3>教育经历#${eduIndex.index+1}</h3>

                <p>${edu.schoolName} , ${edu.degree} , ${edu.specialty}</p>

                <p><s:date name="#edu.beginDate" format="yyyy年MM月"/>-<s:date name="#edu.endDate"
                                                                             format="yyyy年MM月"/>(${edu.diffMon})</p>
            </div>
        </s:iterator>

    </div>
</section>
<section class="clearfix" style="display: none;">

    <div class="grid_12 leading">

        <s:if test="employeeinfoTrains.size==0">
            <div class="message info">
                <h3>培训经历</h3>

                <p>暂无培训经历</p>
            </div>
        </s:if>
        <s:iterator value="#request.employeeinfoTrains" var="train" status="trainIndex">
            <div class="message info">

                <h3>培训经历#${trainIndex.index+1}</h3>

                <p>${train.letter} , ${train.trainAddress} , ${train.trainContent}</p>

                <p><s:date name="#train.beginDate" format="yyyy年MM月"/>-<s:date name="#train.endDate"
                                                                               format="yyyy年MM月"/>(${train.diffMon})</p>
            </div>
        </s:iterator>
    </div>

</section>
<section class="clearfix" style="display: none;">
    <div class="grid_12 leading">


        <s:if test="#request.employeeWorkExperiences==null or #request.employeeWorkExperiences.size==0">
            <div class="message warning">
                <h3>工作经历</h3>

                <p>暂无工作经历</p>
            </div>
        </s:if>
        <s:iterator value="#request.employeeWorkExperiences" var="exp" status="expIndex">
            <div class="message warning">
                <h3>工作经历#${expIndex.index+1}</h3>

                <p>职位：${exp.job}</p>

                <p>公司名称：${exp.compname}</p>

                <p>工作时间：<s:date name="#exp.beginDate" format="yyyy年MM月"/>-<s:date name="#exp.endDate"
                                                                             format="yyyy年MM月"/>(${exp.diffMon})</p>

                <p>月薪：${exp.monthlyPay}</p>

                <p>证明人：${exp.proveMan}</p>

                <p>联系电话：${exp.contel}</p>

                <p>离职原因：${exp.resignReason}</p>
            </div>
        </s:iterator>

    </div>
</section>
<section class="clearfix" style="display: none;">
    <div class="grid_12 leading">
        <s:if test="#request.employeeinfoFamilies==null or #request.employeeinfoFamilies.size==0">
            <div class="message warning">
                <h3>家庭情况</h3>

                <p>暂无家庭情况</p>
            </div>
        </s:if>
        <s:iterator value="#request.employeeinfoFamilies" var="fam" status="famsta">
            <div class="message warning">
                <h3>家庭情况#${famsta.index+1}</h3>

                <div>
                    <p>家庭关系：<span id="modify_fam_familyrelation_${fam.id}">${fam.familyRelation}</span></p>

                    <p>紧急联系人：<span id="modify_fam_exigenceconname_${fam.id}">${fam.exigenceConname}</span></p>

                    <p>工作单位：<span id="modify_fam_compname_${fam.id}">${fam.compname}</span></p>

                    <p>紧系联系人关系：<span id="modify_fam_exigencerelation_${fam.id}">${fam.exigenceRelation}</span></p>

                    <p>姓名：<span id="modify_fam_name_${fam.id}">${fam.name}</span></p>

                    <p>紧急联系人电话：<span id="modify_fam_contel_${fam.id}">${fam.contel}</span></p>

                    <p>住宅地址：<span id="modify_fam_address_${fam.id}">${fam.address}</span></p>

                </div>
            </div>
        </s:iterator>
    </div>
</section>
</section>
</section>


<div class="tabs side grid_12 leading">
    <div class="clear"></div>
    <div class="grid_12"></div>
</div>
</div>

<div class="clear"></div>
